const containerBox = document.querySelector('.container');
const itemGroup = document.querySelectorAll(".item-group")
for (let i = 0; i < itemGroup.length; i++) {
  itemGroup[i].addEventListener("mouseover",()=>{
    containerBox.classList.add("no-animation" )
  })
  itemGroup[i].addEventListener("mouseout",()=>{
    containerBox.classList.remove("no-animation" )
  })
}